<template>
  <div>
    <!-- Load page -->
    <div class="animationload">
      <div class="loader"></div>
    </div>
    <!-- End load page -->

    <!-- Content Wrapper -->
    <div id="wrapper">
      <div class="container">
        <!-- Switcher -->

        <!-- Dark version -->
        <div id="dark" class="row text-center">
          <div class="info">
            <img src="@/assets/images/404.png" alt="404 error" />
          </div>
        </div>
        <!-- End Dark version -->
      </div>
      <!-- end container -->
    </div>
  </div>
</template>
<style lang="scss" scoped>
.info {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  img {
    width: 300px;
    height: 300px;
  }
}
</style>